.test-nav {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	display: flex;
	flex-flow: row;
	padding: 0 34px;
	line-height: 62px;
	height: 62px;
	margin-bottom: 18px;
}

.test-location {
	width: 170px;
	color: #999;
	margin-right: 100px;
	.el-input__inner {
		padding: 0;
		line-height: 62px;
		height: 62px;
		border: none;
	}
	.el-input {
		width: 100px;
		color: #666;
	}
	.el-input.is-disabled {
		.el-input__inner {
			background: none;
			color: #666
		}
		.el-input__suffix {
			display: none;
		}
	}
}


.test-link {
	flex: 1;
	>a {
		font-size: 14px;
		color: #666666;
		letter-spacing: 0;
		margin-right: 60px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		&:after {
			display: block;
			content: "";
			background: #0000;
			height: 4px;
			width: 100%;
			position: absolute;
			left: 0;
			bottom: 1px;
		}
		;
		&:last-of-type {
			margin: 0;
		}
		;
		&:hover {
			color: $sc_6;
		}
	}
}
.text-list-nav {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	>h3 {
		padding: 19px 21px;
		font-size: 16px;
		border-bottom: 1px solid #EFEFEF;
	}
}


.text-list-nav-box {
	padding: 30px 40px 0;
	margin-bottom: 30px;
	>ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
}

.text-list-nav-path {
	flex: auto;
	width: 224px;
	line-height: 19px;
	margin-bottom: 30px;
	>span {
		font-size: 14px;
		color: #000000;
		margin-right: 30px;

	}
	>a {
		font-size: 14px;
		color: #666666;
		&:after {
			content: '';
			display: inline-block;
			vertical-align: top;
			width: 1px;
			background: #DDDDDD;
			height: 18px;
			margin: 0 12px;
		}
		;
		&:last-of-type {
			&:after {
				display: none;
			}
		}
		;
		&:hover {
			color: $sc_6;
		}
	}
}


.text-list-cont {
	>ul {
		overflow: hidden;
	}
}


.text-list-cont-title {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #E1EFF6;
	padding-bottom: 10px;
	>span {
		font-size: 16px;
		color: #000000;
		line-height: 21px;
	}
	a {
		font-size: 12px;
		color: #666666;
	}
}

.text-list-li {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	padding: 30/1200*100%;
	display: flex;
	flex-flow: row;
	width: 530/1200*100%;
	float: left;
	margin: 20/1200*100% 18/1200*100% 0 0;
	>span {
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		overflow: hidden;
		background: #F8EECE;
		margin-right: 30/530*100%;
		align-self: center;
		text-align: center;
		line-height: 40px;
		&:after {
			content: "\e785";
			display: inline-block;
			font-family: 'element-icons' !important;
			font-size: 20px;
			color: #bf9a0d;
		}
	}
	>div {
		flex: 1;
	}
	&:nth-of-type(2n) {
		margin: 20/1200*100% 0 0 0;
	}
	;
}

.text-list-li-info {

	>p {
		&:nth-of-type(1) {
			font-size: 18px;
			color: #000000;
			letter-spacing: 0;
			line-height: 18px;
			margin-bottom: 14/530*100%;
		}
		;
		&:nth-of-type(2) {
			font-size: 12px;
			color: #999999;
			margin-bottom: 25/530*100%;
		}
	}
}


.text-list-li-op {
	display: flex;
	justify-content: space-between;
	ul {
		display: flex;
		flex-flow: row;
	}
	li {
		background: #ECEFF5;
		border-radius: 11px;
		font-size: 12px;
		color: #6E777B;
		line-height: 16px;
		padding: 3px 10px;
		margin-right: 15px;
		&:last-of-type {
			margin: 0;
		}
	}
	a {
		font-size: 12px;
		color: #5C7CA3;
		&:hover {
			color: $sc_6;
		}
	}
}


.manual-test-paper-box {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	>h3 {
		font-size: 16px;
		color: #000000;
		letter-spacing: 0;
		padding: 19px 25px;
		border-bottom: 1px solid #EFEFEF;
	}
}

.manual-test-paper-cont {
	padding: 30px 25px;
	.el-form-item__label {
		text-align: left;
	}
	.duration {
		.el-input-number {
			margin-right: 20px;
		}
	}

	.el-button {
		width: 160px;
		height: 36px;
		text-align: center;
		padding: 0;
		margin-top: 40px;
	}

	.el-input__inner {
		border-radius: 0;
		line-height: 36ox;
		height: 36px;
	}
	.el-input-number.is-controls-right .el-input-number__decrease {
		bottom: 2px;
		line-height: 18px;
	}
	.el-input-number__decrease, .el-input-number__increase {
		top: 2px;
		line-height: 17px !important;
	}
}

.manual-test-scope {
	>.el-form-item__content {
		>.el-form-item {
			display: inline-block;
			vertical-align: top;
			margin-right: 20px;
			width: 200px;
		}
	}

}

.manual-test-paper-name {
	.el-input {
		width: 640px;
	}
}

.test-template {
	min-height: calc(100vh - 284px);
}

.exercises-template {
	min-height: calc(100% - 284px);
}

.intelligent-test-pape-node {
	display: flex;
	flex-flow: row;
	height: 100%;
}

.selection-section {
	width: 300px;
	height: 100%;
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	margin-right: 18px;
	>h3 {
		font-size: 16px;
		color: #000000;
		line-height: 21px;
		border-bottom: 1px solid #EFEFEF;
		padding: 20px;
	}
}


.selection-section-tree {
	height: calc(100% - 62px);
	.el-scrollbar {
		height: calc(100%);

	}
	.el-tree {
		// padding: 0 20px 20px;
	}
}

.selection-content {
	flex: 1;

}

.chapter-num {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
}

.chapter-title {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	border-bottom: 1px solid #EFEFEF;
	;
	>span {
		&:nth-of-type(1) {
			font-size: 16px;
			color: #000000;
			line-height: 21px;
		}
		;
		&:nth-of-type(2) {
			cursor: pointer;
			font-size: 14px;
			color: #666666;
			i {
				font-size: 16px;
				margin-right: 8px;
			}
		}
		;
	}
}


.chapter-list {
	padding: 20px 20px 10px;
	span {
		background: #FFFFFF;
		border: 1px solid #7DB8FF;
		border-radius: 4px;
		font-size: 14px;
		color: #666666;
		margin-bottom: 10px;
		margin-right: 10px;
		.el-icon-close {
			color: #666666;
			cursor: pointer;
		}
	}
}


.question-type {
	margin-top: 18px;
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
}

.question-type-list {
	margin-bottom: 20px;
	.el-checkbox {
		width: 130/842*100%;
		height: 34px;
		line-height: 34px;
		border: 1px solid #DDDDDD;
		border-radius: 4px;
		position: relative;
		transition: .3s;
		margin: 0 20px 10px 0;
		text-indent: 5px;
		text-align: left;
		&:after {
			content: '';
			position: absolute;
			right: 0;
			bottom: 0;
			width: 0;
			height: 0;
			border-bottom: 20px solid #E3E3E3;
			border-left: 30px solid transparent;
		}
		;
		&:before {
			content: '√';
			font-family: cursive;
			font-size: 16px;
			position: absolute;
			right: 3px;
			bottom: 0px;
			line-height: 16px;
			z-index: 1;
			color: #fff;
			transform: rotate(22deg)
		}
		;
		.el-checkbox__input {
			display: none;
		}
		.el-checkbox__label {
			// color: #409EFF !important;
			padding: 0;
		}
	}

	.is-checked {
		border-color: #409EFF;
		&:after {
			border-bottom: 20px solid #409EFF;
		}
	}
}


.question-type-num {
	padding: 33px 20px 60px;
}


.question-node {
	display: flex;
	flex-flow: flex-wrap;
	justify-content: space-around;
	margin-bottom: 20px;
	>span {
		display: block;
		width: 100px;
		line-height: 36px;
		font-size: 14px;
	}
	>div {

		// width: 700px;
		i {
			color: #999;
		}
		strong {
			font-size: 14px;
		}
		>span {
			display: inline-block;
			vertical-align: top;
			margin-right: 20px;
			/* input{
				line-height: 32px;
				height: 32px;
				text-align: center;
				border: 1px solid #ddd;
				margin: 0 8px;
				width: 80px;
			} */
			&:last-of-type {
				margin: 0;
			}
			;
		}
	}
	>i {
		font-size: 18px;
		color: #999;
		cursor: pointer;
		line-height: 36px;
	}

	.el-input-number {
		width: 80px;
		margin: 0 10px;
		.el-input__inner {
			padding: 0;
			text-indent: 20px;
			height: 36px;
			line-height: 36px;
			text-align: left;
			border-radius: 0;
		}
		>span {
			width: 25px;
			top: 2px;
			line-height: 17px !important;
		}
		.el-input-number__decrease {
			top: auto;
			bottom: 2px;
		}
	}
}


.question-type-butn {
	text-align: center;
	margin-top: 60px;
	button {
		background: #348EFC;
		border-radius: 3px;
		width: 160px;
		line-height: 36px;
		padding: 0;
	}
}



.preview-head {
	padding: 15px 40px;
	display: flex;
	justify-content: space-between;
	background: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(195, 195, 195, 0.30);
	>a, >span {
		font-size: 14px;
		color: #000000;
		letter-spacing: 0.11px;
		cursor: pointer;
		i {
			color: #888888;
			font-size: 18px;
		}
	}
}

.knowledge-points-head {
	>a {
		font-size: 14px;
		color: #000000;
		letter-spacing: 0.11px;
		i {
			color: #888888;
			font-size: 18px;
		}
	}
}

.knowledge-points-head-op {
	display: inline-block;
	margin-left: 70px;
	>span {
		margin-right: 30px;
		font-size: 14px;
	}
	.el-select {
		width: 160px;
		margin-right: 20px;
		.el-input__inner {
			height: 36px;
			line-height: 36px;
			border-radius: 0;
		}
	}
}

.knowledge-head-op {
	margin-left: 20px;
}


.preview-head-btn {
	button,
	a {
		line-height: 19px;
		padding: 5px 20px;
		border: none;
		font-size: 14px;

		color: #fff;
		border-radius: 3px;
	}
	.is-plain {
		color: #748FA7;
	}
	a {
		color: #748FA7;
		background: #ecf5ff;
		margin-right: 10px;
	}
}

// .preview-test-paper{
// 	min-height: calc(100vh - 59px);
// }


.preview-conten {
	display: flex;
	justify-content: space-between;
	padding: 18px 0 40px;
}


.preview-conten-l {
	width: 930/1200*100%;
	// flex: 1;
	// max-width: 1000px
}

.preview-conten-r {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	// width: 250/1200*100%;
	width: 250px;
	height: max-content;
	margin-left: 20px;
	textarea {
		border-radius: 0;
	}
	.el-form {
		padding: 20px;
	}
	.el-form-item__label {
		display: block;
	}

	.el-input {
		input {
			padding: 0;
		}
	}
	.el-form-item__content {
		>.el-form-item {
			>.el-form-item__label {
				font-size: 12px;
				color: #999;
				&:before {
					display: none;
				}
				;
			}
		}
	}
	.el-input__inner {
		line-height: 36px;
		height: 36px;
		border-radius: 0;
	}
	.el-input-number {
		margin-right: 15px;
		width: 150/210*100%;
		>span {
			line-height: 16px;
			top: 2px;
		}
		.el-input-number__decrease {
			bottom: 2px;
		}
	}

	.preview-label {
		>.el-form-item__label {
			display: block;
			width: 100%;
			text-align: left;
		}
	}

	.preview-ruleForm {}
}


.preview-conten-l-h {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	padding: 30px;
	text-align: center;
	h3 {
		font-size: 20px;
		color: #000000;
		line-height: 26px;
		margin-bottom: 24px;
		.el-input__inner {
			text-align: center;
			border-color: #fff;
			font-size: 20px;
			color: #000000;
			&:focus {
				border-color: #348EFC;
			}
		}
	}
	p {
		font-size: 13px;
		color: #666666;
	}

}



.preview-conten-title {
	background: #DCEBFC;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	font-size: 14px;
	color: #333333;
	@extend .i_word;
	line-height: 19px;
	padding: 10px 20px;
	margin: 8px 0;
}

.knowledge-conten-title {
	display: flex;
	justify-content: space-between;
	button {
		font-size: 14px;
		color: #5C7CA3;
		padding: 0;
		background: none;
		border: 0;
		&:hover {
			background: none;
		}
	}
}

.preview-conten-subject-c {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	margin-bottom: 10px;
	position: relative;
	.el-icon-check {
		color: #4CCFA6;
	}
	.el-icon-close {
		color: #FF4646;
	}
	.el-icon-time {
		color: #eee
	}
	&:last-of-type {
		margin-bottom: 0;
	}
	;
	img {
		// max-width: 400px;
		max-height: 200px;
	}
}

.preview-conten-subject-t {
	padding: 20px 20px 10px;
	line-height: 24px;
	>span {
		display: inline-block;
		vertical-align: top;
		max-width: 90%;
		@extend .i_word;
		span, a {
			background: none !important;
			line-height: 24px !important;
			font-size: 14px !important;
			display: inline-block;
			vertical-align: top;
		}
		a {
			text-decoration: underline;
			color: #409EFF
		}
		p {
			text-indent: 0 !important;
		}

	}
	>strong {
		margin-left: 10px;
		color: #ffd187;
	}
}

.preview-topic {
	padding: 0 20px 20px;
	display: block;
}

.preview-subject-title {
	display: flex;
	flex-flow: row;
	line-height: 24px;
	margin-bottom: 5px;
	>label {
		margin-right: 10px !important;
		line-height: 24px;
	}
	>div {
		font-size: 14px;
		flex: 1;
		@extend .i_word;
	}
}


.preview-answer {
	background: #F1F5F9;

	.el-collapse-item__header,
	.el-collapse-item__wrap {
		background: none;
	}
	.el-collapse-item__header {
		padding: 0 10px 0 20px;
		font-size: 12px;
		color: #666666;
		position: relative;
		height: 40px;
		line-height: 40px;
		span {
			margin-right: 13px;
			&:after {
				content: '';
				width: 1px;
				display: inline-block;
				height: 12px;
				background: #DDDDDD;
				margin-left: 12px;
			}
			;
			&:last-of-type {
				&:after {
					display: none;
				}
			}
			;
		}
	}

	.el-collapse-item__arrow {

		position: relative;
		&:after {
			transition: transform .3s;
			content: '展开解析';
			position: absolute;
			left: -50px;
			top: 2px;
			font-size: 12px;
			width: 55px;
		}
		&:before {
			transition: transform .3s;
			display: block;
			transform: rotate(90deg);
			font-size: 14px;
		}
	}
	.el-collapse-item__arrow.is-active {
		transform: none;
		color: #409EFF;
		&:before {
			transition: transform .3s;
			transform: rotate(-90deg);
		}
		&:after {
			transition: transform .3s;
			content: '收起解析';
		}

	}

	.accordion-add {
		position: absolute;
		right: 90px;
		top: 0;
		font-size: 12px;
		color: #5C7CA3;
		&:hover {
			color: #409EFF;
		}
		;
	}
	.el-collapse-item__wrap {
		padding: 0 20px 20px;
	}
	.el-collapse-item__content {
		padding: 0;
	}
	.preview-accordion-answer {
		display: flex;
		flex-flow: row;
		>div {
			flex: 1;
			@extend .i_word;
			>i {
				font-size: 16px;
				color: #6cc29f;
				margin-right: 10px;
			}
			p {
				background: none !important;
				text-indent: 0 !important;
				font-size: 14px !important;
			}
			a {
				text-decoration: underline;
				color: #409EFF;
			}
		}
		>span {
			display: block;
			color: #999;
		}

	}

	.el-collapse-item__arrow {
		font-size: 14px;
	}
	.el-button {
		span {
			margin: 0;
		}
	}
}


.confirm-them {
	border-radius: 0;
	border: 0;
	.el-message-box__header {
		background: $bg_1;
		span,
		i {
			color: #fff;
		}
	}
	.el-message-box__content {
		padding: 30px;
	}
	.el-message-box__btns {
		padding: 9px 25px;
	}
}


.question-bank-h-box {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	padding: 30px 20px;
	margin-bottom: 18px;
	position: relative;
	.el-radio__input {
		display: none;
	}
	.add-bank {
		position: absolute;
		top: 35px;
		right: 20px;
		padding: 5px 15px;
		border-radius: 2px；
	}
}

.question-bank-h-path {
	text-align: center;
	font-size: 0;
	margin-bottom: 20px;
	a {
		display: inline-block;
		vertical-align: top;
		border: 1px solid #DDDDDD;
		width: 150px;
		height: 34px;
		line-height: 34px;
		font-size: 14px;
		color: #666666;
		&:nth-of-type(1) {
			border-radius: 3px 0 0 3px
		}
		;
		&:nth-of-type(2) {
			border-radius: 0 3px 3px 0
		}
		;
	}

	.router-link-active {
		background: #348EFC;
		color: #fff;
		border-color: #348EFC;
	}
}


.question-bank-h-type {
	// border: 1px solid #EFEFEF;
	transition: .2s;
	overflow: hidden;
	li {
		border: 1px solid #EFEFEF;
		border-bottom: none;
		&:last-of-type {
			border-bottom: 1px solid #EFEFEF;
		}
		;
	}
}

.question-bank-h-list {
	display: flex;
	flex-flow: row;
	line-height: 40px;
	padding: 0 20px;
	>span {
		font-size: 14px;
		color: #000000;
		display: block;
		width: 100px;
	}
	>div {
		flex: 1;
		font-size: 14px;
		color: #666666;
		.el-radio {
			line-height: 28px;

		}
	}

	.el-cascader {

		.el-input__inner {
			height: 36px;
			line-height: 36px;
			border-radius: 0;
		}
	}

	.el-select {
		width: 160px;
		margin-right: 20px;
		padding: 10px 0;
		.el-input__inner {
			height: 36px;
			line-height: 36px;
			border-radius: 0;
		}
	}
	.el-button {
		width: 68px;
		padding: 0;
		text-align: center;
		line-height: 36px;
		height: 36px;
	}
}


.question-bank-wp {
	display: flex;
	flex-flow: row;
}


.question-bank-wp-l {
	width: 300px;
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	margin-right: 18px;
	height: max-content;
	.el-tabs__nav-scroll {
		text-align: center;
		padding: 10px;
		border-bottom: 1px solid #ddd;
	}

	.el-tabs__active-bar {
		display: none;
	}
	.el-tabs__nav-wrap {
		&:after {
			display: none;
		}
	}

	.el-tabs__nav {
		width: 100%;
	}

	.el-tabs__item {
		width: 130px;
		line-height: 34px;
		height: 34px;
		border: 1px solid #DDDDDD;
		text-align: center;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
	}

	.is-active {
		background: #348EFC;
		border: 1px solid #348EFC;
		color: #fff;
	}

	.el-tabs__header {
		margin: 0;
	}
	#tab-first {
		border-radius: 3px 0 0 3px;
	}
	#tab-second {
		border-radius: 0 3px 3px 0;
	}

	.el-tabs__content {
		height: 720px;
		>div {
			height: 100%;
		}
	}

	.el-scrollbar {
		height: calc(100% - 52px);
		padding: 0 10px;
	}

}

.question-bank-wp-r {
	flex: 1;
	transition: .3s;
}

.filterText {
	margin: 10px;
	width: calc(100% - 20px);
	.el-input__inner {
		border-radius: 30px;
		border-color: #ddd;
		line-height: 32px;
		height: 32px;
	}
	>span {
		line-height: 32px;
	}
}


.question-bank-wp-r-h {
	display: flex;
	justify-content: space-between;
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	padding: 12px 20px;
	margin-bottom: 18px;
	.el-radio__input {
		display: none;
	}
	.el-input {
		width: 300px;
		input {
			border: 1px solid #DDDDDD;
			border-radius: 18px;
			height: 34px;
			line-height: 34px;
		}
	}

	.el-input__suffix {
		width: 44px;
		right: 0;
	}
	.el-input__icon {
		line-height: 36px;
		font-size: 18px;
	}
	>div {
		>div {
			.el-radio {
				line-height: 36px;
			}

		}
		>.el-checkbox {
			margin-left: 65px;
		}
	}
	.el-radio-group {
		.el-icon-sort-down {
			transform: rotateY(180deg);
		}
	}
	.el-radio__label {
		color: #999
	}
}


.test-pagination {
	margin-top: 20px;
}

.preview-accordion-title {
	>strong {
		padding: 4px 11px;
		border-radius: 12.5px;
		font-size: 12px;
		margin-right: 15px;
		&:last-of-type {
			margin: 0;
		}
	}
	.accordion-state-1 {
		background: #E4E4E4;
		color: #666666;
	}
	.accordion-state-2 {
		background: #F3E9D4;
		color: #9A7534;
	}
	.accordion-state-3 {
		background: #CFE5FC;
		color: #375783;
	}
	.accordion-state-4 {
		color: #C34D4D;
		background: #FFEEEE;
	}
}


.accordion-operate {
	position: absolute;
	right: 95px;
	padding: 0 10px;
	a {
		font-size: 12px;
		color: #5C7CA3;
		letter-spacing: 0;
		margin-right: 30px;
		&:last-of-type {
			margin: 0;
		}
		;
	}
	button {
		width: 88px;
		height: 26px;
		line-height: 26px;
		text-align: center;
		border-radius: 4px;
		color: #fff;
		padding: 0;
		font-size: 12px;
		margin-left: 30px;
		// background: none;
		border: none;
		i {
			color: #fff;
			margin-right: 5px;
		}
	}
	span {
		margin-left: 30px;
		.el-input {
			display: inline-block;
			width: 60px;
			.el-input__inner {
				background: #FFFFFF;
				border: 1px solid #D0D0D0;

				height: 26px;
				padding: 0;
				text-align: center;
			}
		}
	}
}

.accordion-operate2 {
	right: 90px;
}



.test-message {
	width: 400px;
	border-radius: 0;
	padding: 0;
	border: 0;
	.el-message-box__header {
		background: #409eff;
		padding: 11px 20px;
	}
	.el-message-box__title {
		font-size: 14px;
		color: #fff;
	}
	.el-message-box__headerbtn {
		color: #fff;
		font-size: 18px;
		top: 7px;
		i {
			color: #fff;
			&:hover {
				color: #fff;
			}
		}
	}
	.el-message-box__content {
		padding: 35px;
	}

	.el-message-box__btns {
		text-align: center;
		margin-bottom: 20px;
		button {
			padding: 0;
			width: 68px;
			height: 30px;
			font-size: 12px;
			border-radius: 3px;
			text-align: center;
			border: 0;
			&:nth-of-type(1) {
				background: #DEEFFF;
				color: #7C9BB8;
			}
			;
			&:nth-of-type(2) {
				color: #FFFFFF;
				background: #348EFC;
			}
			;
		}
	}
}


.Tailoring {
	min-width: 800px;
	.el-dialog__header {
		background: #409eff;
		padding: 11px 20px;
		>span {
			font-size: 14px;
			color: #fff;
		}
		>button {
			top: 14px;
			i {
				color: #fff;
				&:hover {
					color: #fff;
				}
			}
		}
	}

	.el-dialog__footer {
		text-align: center;
		button {
			padding: 0;
			width: 68px;
			height: 30px;
			font-size: 12px;
			border-radius: 3px;
			text-align: center;
			border: 0;
			color: #FFFFFF;
			background: #348EFC;
		}
		.is-plain {
			background: #DEEFFF;
			color: #7C9BB8;
		}
	}

	.ql-editor {
		min-height: 100px
	}

	.el-tabs__item {
		height: 30px;
		line-height: 30px;
		user-select: none;
	}

	.tab-pane {
		position: relative;
	}

	.tab-pane {
		>.el-tabs__header {
			position: absolute;
			bottom: 0;
			left: 0;
			.el-tabs__nav {
				border: 0
			}
			.el-tabs__item {
				background: #effaff;
				color: #67AED2;
			}
			.is-active.is-closable {
				background: #409eff;
				color: #fff;
			}
		}

	}

}

.Tailoring-box {
	position: fixed;
	top: 15%;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
	min-width: 800px;

	.Tailoring-h {
		background: #409EFF;
		color: #fff;
		padding: 20px;
	}

	.el-dialog__body {
		min-height: 800px;
	}
}


.common-volume-ls {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	padding: 30px 20px 12px 30px;
	display: flex;
	flex-flow: space-between;
	>span {
		display: block;
		background: #F8EECE;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 28px;
		// align-self: center;
		text-align: center;
		line-height: 40px;
		&:after {
			content: "\e785";
			display: inline-block;
			font-family: 'element-icons' !important;
			font-size: 20px;
			color: #bf9a0d;
		}
	}
	>div {
		flex: 1;
	}
}


.common-volume-ls-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
	>a {
		font-size: 18px;
		color: #000000;
		letter-spacing: 0;
		line-height: 18px;
		display: inline-block;
		vertical-align: top;
		@extend .i_text;
		&:hover {
			color: #409EFF;
		}
	}
	>span {
		font-size: 12px;
		color: #999999;
		line-height: 18px;
		>i {
			margin-left: 15px;
		}
	}
}

.common-volume-ls-tag {
	>span {
		font-size: 12px;
		color: #6E777B;
		background: #ECEFF5;
		border-radius: 15.5px;
		padding: 3px 10px;
		margin-right: 6px;
		display: inline-block;
		vertical-align: top;
	}
}

.my-common-volume {
	margin-bottom: 18px;
}


.common-volume-ls-op {
	text-align: right;
	margin-top: 40px;
	>span, >a {
		font-size: 12px;
		color: #5C7CA3;
		margin-left: 30px;
		cursor: pointer;
		&:hover {
			color: #F56C6C;
		}
	}
}

.common-volume-ls-state {
	text-align: right;
	>span {
		font-size: 12px;
		padding: 6px 10px;
		border-radius: 14px;
		display: inline-block;
		vertical-align: top;
		margin-left: 10px;
	}
	.library-1 {
		color: #3BB080;
		background: #ECF7ED;
	}
	.library-2 {
		color: #C34D4D;
		background: #FFEEEE;
	}
	.library-3 {
		color: #808A94;
		background: #ECF1F6;
	}
	.library-4 {
		color: #99784C;
		background: #F4E7CF;
	}
	.library-5 {
		color: #5387B8;
		background: #E0F9FF;
	}
}


.test-paper-r {
	padding: 40/1200*100% 20/1200*100%;
	width: 210/1200*100%;
	height: max-content;
	button {
		padding: 0;
		border-radius: 4px;
		display: block;
		height: 34px;
		line-height: 34px;
		text-align: center;
		font-size: 14px;
		color: #666666;
		margin: 0 0 30px 0;
		width: 100%;
		&:last-of-type {
			margin: 0;
		}
		&:focus {
			background: #348EFC;
			color: #fff;
		}
		;
	}
	.el-button+.el-button {
		margin-left: 0;
	}
	>a {
		border: 1px solid #eee;
		border-radius: 4px;
		display: block;
		height: 34px;
		line-height: 34px;
		text-align: center;
		font-size: 14px;
		color: #666666;
		margin: 0 0 30px 0;
		width: 100%;
	}
	.test-paper-primary {
		border: none;
		color: #fff;
	}
}

.hidden-header {
	.headder,
	.test-nav {
		display: none;
	}
	>.maxW {
		max-width: initial !important;
	}

	.main {
		padding-top: 0;
		min-height: calc(100vh - 99px);
		.maxW {
			max-width: 1200px;
			margin: auto;
		}
	}
}

.hidden-knowledge {
	.headder,
	.test-nav,
	.footer {
		display: none;
	}
	>.maxW {
		max-width: initial !important;
		padding: 0;
		height: calc(100vh);
		overflow: hidden;
	}

	.main {
		padding-top: 0;
		min-height: calc(100vh - 99px);
		.maxW {
			max-width: 1200px;
			margin: auto;
		}
	}
	.test-template,
	.knowledge-points {
		height: 100%;
		min-height: unset;
	}

	.knowledge-warp {
		height: calc(100% - 100px);
		overflow: hidden;
		>div {
			height: 100%;
			transition: .2s;
		}
	}
}


.test-link {
	>a {

		&:after {
			content: "";
			height: 4px;
			background: #0000;
			display: block;
		}
		&:hover {
			color: #348EFC;
		}
	}

	.showActive {
		color: #348EFC;
		&:after {

			background: #348EFC;
		}

	}
}


.knowledge-warp {
	padding: 20px 0 0;
	display: flex;
	justify-content: center;
	>div {
		width: 49%;
	}
}

.knowledge-warp-l {
	margin: 0 8px 0 15px;
	position: relative;
	.el-scrollbar {
		height: calc(100% - 382px);
	}
	.preview-conten-list {
		margin-bottom: 8px;
		&:last-of-type {
			margin-bottom: 0;
		}
		;
	}
	.knowledge-scrollbar {
		height: calc(100% - 152px);
		.el-scrollbar__wrap {
			// width: 99%;
		}
	}
	>input {
		width: 0;
		height: 0;
		font-size: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
		font-family: 'element-icons' !important;
		&:after {
			width: 60px;
			height: 24px;
			font-family: 'element-icons' !important;
			content: '\e6de 收起';
			font-size: 14px;
			display: block;
			background: #F1F5F9;
			color: #5C7CA3;
			position: absolute;
			right: 10px;
			top: 15px;
			text-align: center;
			cursor: pointer;
			border-radius: 3px;
		}
	}
	>input:checked:after {
		content: '\e6e0 展开'
	}
	;
	>input:checked+.question-bank-h-type {
		height: 0;
		margin: 15px 0 0;
	}
}

.knowledge-warp-r {
	margin: 0 15px 0 8px;
	position: relative;
	.el-scrollbar {
		height: calc(100% - 56px);
	}
	>input {
		width: 0;
		height: 0;
		font-size: 0;
		position: absolute;
		left: 60px;
		top: 0;
		z-index: 1;
		font-family: 'element-icons' !important;
		&:after {
			width: 60px;
			height: 24px;
			line-height: 24px;
			font-family: 'element-icons' !important;
			content: '\e6e0 收起';
			font-size: 14px;
			display: block;
			background: #F1F5F9;
			color: #5C7CA3;
			position: absolute;
			right: -10px;
			top: 15px;
			text-align: center;
			cursor: pointer;
			border-radius: 3px;
		}
	}
	>input:checked:after {
		content: '\e6de  展开'
	}
	;
	>input:checked+.question-bank-h-type {
		height: 0;
		margin: 15px 0 0;
	}

}

.l-r, .r-r {
	height: 100%;
}

.knowledge-warp-l-nav {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	margin-bottom: 10px;
	position: relative;

	.el-radio__input {
		display: none;
	}
	.knowledge-warp-l-nav-type {
		display: flex;
		justify-content: space-between;
		padding: 15px 20px 16px;
		border-bottom: 1px solid #eee;
		position: relative;

		>button {
			width: 60px;
			height: 24px;
			line-height: 24px;
			padding: 0;
			background: #F1F5F9;
			border-radius: 4px;
			text-align: center;
			border: none;
			font-size: 14px;
			color: #5C7CA3;
			i {
				margin-right: 8px;
				font-size: 14px;
				color: #5C7CA3;
			}
		}
		.el-radio__input {
			display: none;
		}
		.el-radio__label {
			line-height: 24px;
			position: relative;
			display: inline-block;
			padding: 0;
			&:after {
				content: "";
				height: 4px;
				width: 100%;
				display: block;
				background: #0000;
				position: absolute;
				left: 0;
				bottom: -16px;
			}
		}

		.is-checked {
			.el-radio__label {
				&:after {
					background: #348EFC;
				}
			}
		}

	}
	.question-bank-h-type {
		margin: 20px;
		height: auto;
		box-sizing: border-box;
		// height: 205px;
	}
	.question-bank-wp-r-h {
		margin: 0 20px 0 15px;
		padding: 0 0 20px 0;
		.el-radio {
			line-height: 36px;
		}
		.el-input {
			margin-right: 30px;
		}
		.el-button {
			width: 60px;
			height: 24px;
			line-height: 24px;
			padding: 0;
			background: #F1F5F9;
			border-radius: 4px;
			text-align: center;
			border: none;
			font-size: 14px;
			color: #5C7CA3;
			margin-top: 10px;
			i {
				margin-right: 8px;
				font-size: 14px;
				color: #5C7CA3;
			}
		}
	}
	.question-bank-h-list {
		>div {
			.el-select {
				width: 140/755*100%;
				margin-right: 20/755*100%;
			}
		}
	}
	.switch-l {
		width: 60px;
		height: 24px;
		font-size: 14px;
		display: block;
		background: #F1F5F9;
		color: #5C7CA3;
		position: absolute;
		right: 20px;
		bottom: 26px;
		text-align: center;
		cursor: pointer;
		border-radius: 3px;
		line-height: 24px;
	}

	>input {
		width: 0;
		height: 0;
		font-size: 0;
		position: absolute;
		right: 80px;
		bottom: 50px;
		font-family: 'element-icons' !important;
		&:after {
			width: 60px;
			height: 24px;
			font-family: 'element-icons' !important;
			content: '收起 \e6e1';
			font-size: 14px;
			display: block;
			background: #F1F5F9;
			color: #5C7CA3;

			text-align: center;
			cursor: pointer;
			border-radius: 3px;
			line-height: 24px;
		}
	}
	>input:checked:after {
		content: '展开 \e6df'
	}
	;
	>input:checked+.question-bank-h-type {
		height: 0;
		margin: 15px 0 0;
	}

}


.knowledge-warp-xx {
	background: #fff;
	border-bottom: 1px solid #EFEFEF;
	position: relative;
	p {
		text-align: center;
		font-size: 14px;
		color: #333333;
		line-height: 55px;
	}

	button {
		position: absolute;
		top: 16px;
	}
	.knowledge-add {
		padding: 0;
		text-align: center;
		width: 124px;
		height: 26px;
		line-height: 26px;
		background: #348EFC;
		border-radius: 3px;
		color: #fff;
		border: 0;
		right: 105px;
		&:hover {
			background: #348EFC;
			color: #fff;
		}
	}

	.knowledge-outline {
		width: 60px;
		height: 24px;
		line-height: 24px;
		padding: 0;
		background: #F1F5F9;
		border-radius: 4px;
		text-align: center;
		border: none;
		font-size: 14px;
		color: #5C7CA3;
		right: 0;
		i {
			margin-right: 8px;
			font-size: 14px;
			color: #5C7CA3;
		}
	}
}

.knowledge-set-number {
	padding: 0 30px;
	>div {
		font-size: 14px;
		.el-input-number {
			width: 150px;
			margin-left: 15px;
			input {
				padding: 0;
				text-align: center;
			}
		}
	}
	>p {
		font-size: 12px;
		color: #999999;
		margin-top: 22px;
	}
}




.knowledge-outline-type {
	// border: 1px solid #EFEFEF;
	// margin: 20px;
	height: calc(100% - 40px);
	width: 0;
	transition: .3s;
	.el-scrollbar {
		height: 100%;
	}
	.knowledge-outline-ht {
		display: flex;
		padding: 0 20px;
		border-bottom: 0;
		justify-content: space-between;
		height: 34px;
		line-height: 34px;
		background: #eee;
		font-size: 14px;
		border-bottom: 1px solid #EFEFEF;
		text-align: center;
		-webkit-user-select: none;

		-moz-user-select: none;

		-ms-user-select: none;

		user-select: none;
		&:hover {
			a {
				color: #409EFF
			}
		}
		span {
			-moz-user-select: none;
			-o-user-select: none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		>i {
			cursor: move;
			display: block;
			height: 2px;
			width: 15px;
			background: #c0c0c0;
			display: block;
			border-radius: 2px;
			margin: 3px 0;
			position: relative;
			top: 13px;
			&:after {
				content: '';
				display: block;
				height: 2px;
				background: #c0c0c0;
				position: absolute;
				top: 4px;
				width: 100%;
			}
			&:before {
				content: '';
				display: block;
				height: 2px;
				background: #c0c0c0;
				position: absolute;
				top: -4px;
				width: 100%;
			}
			&:hover {
				background: #409EFF;
				&:after, &:before {
					background: #409EFF;
				}
			}
		}
	}
	ul {

		>li {
			height: 34px;
			line-height: 34px;
			display: flex;
			font-size: 14px;
			justify-content: space-between;
			padding: 0 20px;
			border-bottom: 1px solid #EFEFEF;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			>a {
				display: block;
				width: 80%;
				line-height: 34px;
				overflow: hidden;
				// @extend .i_text;
				>div {
					display: inline-block;
					vertical-align: top;
					max-width: 86%;
					overflow: hidden;
					p {
						@extend .i_text;
						font-size: 12px !important;
						text-indent: 0 !important;
					}
				}
				&:hover {
					color: #409EFF;
				}

			}
			>i {
				cursor: move;
				display: block;
				height: 2px;
				width: 20px;
				background: #c0c0c0;
				display: block;
				border-radius: 2px;
				margin: 3px 0 0 10px;
				position: relative;
				top: 13px;
				&:after {
					content: '';
					display: block;
					height: 2px;
					background: #c0c0c0;
					position: absolute;
					top: 6px;
					width: 100%;
				}
				&:before {
					content: '';
					display: block;
					height: 2px;
					background: #c0c0c0;
					position: absolute;
					top: -6px;
					width: 100%;
				}
				&:hover {
					background: #409EFF;
					&:after, &:before {
						background: #409EFF;
					}
				}
			}
		}
	}
	.el-icon-s-flag {
		line-height: 28px;
		color: #999;
		cursor: pointer;
	}
}


.dropClass {
	background: #348EFC;
	color: #fff
}

.knowledge-outline-box {

	position: absolute;
	top: 0;
	right: 0;
	// width: 0;
	// width: 240px;
	background: #FFFFFF;
	box-shadow: -1px 0 1px 0 rgba(0, 0, 0, 0.10);
	height: 100%;
	.knowledge-outline {
		width: 60px;
		height: 24px;
		line-height: 24px;
		padding: 0;
		background: #F1F5F9;
		border-radius: 4px;
		text-align: center;
		border: none;
		font-size: 14px;
		color: #5C7CA3;
		left: -61px;
		top: 14px;
		position: absolute;
		i {
			// margin-right: 8px;
			font-size: 14px;
			color: #5C7CA3;
		}
	}
	>input {
		width: 0;
		height: 0;
		font-size: 0;
		font-family: 'element-icons' !important;
		&:after {
			width: 60px;
			height: 24px;
			font-family: 'element-icons' !important;

			content: '大纲 \e6de';
			font-size: 14px;
			display: block;
			background: #F1F5F9;
			color: #5C7CA3;
			position: absolute;
			left: -60px;
			top: 15px;
			text-align: center;
			cursor: pointer;
			border-radius: 3px
		}
	}
	>input:checked:after {
		content: '大纲 \e6e0';
	}
	;
	>input:checked+.knowledge-outline-type {
		width: 238px;
		border: 1px solid #EFEFEF;
		margin: 20px;
	}

}




.knowledge-set-test-type {
	text-align: center;
	label {
		display: inline-block;
		width: 120px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		font-size: 14px;
		color: #666666;
		border: 1px solid #DDDDDD;
		margin: 0;
		&:nth-of-type(1) {
			border-radius: 4px 0 0 4px;
			border-right: none;
		}
		&:nth-of-type(2) {
			border-radius: 0 4px 4px 0;
		}
	}
	.el-radio__input {
		display: none;
	}
	.is-checked {
		background: #348EFC;
		border-color: #348EFC;
		.el-radio__label {
			color: #fff;
		}

	}
}


.knowledge-set-test-condition {
	border-bottom: 1px solid #DDDDDD;
	margin: 40px 0 30px;
	label {}
	.el-radio__input {
		display: none;
	}

	.el-radio__label {
		padding: 0;
		&:after {
			content: "";
			display: block;
			height: 4px;
			background: #0000;
			margin-top: 15px;
		}
	}

	.is-checked {
		.el-radio__label {
			&:after {
				background: #348EFC;
			}
		}

	}
}


.knowledge-set-tes-img {
	display: flex;
	justify-content: space-between;
	padding: 0 40px;
	margin-bottom: 20px;
	>div {
		border: 1px solid #DDDDDD;
		width: 348px;
		height: 198px;
		overflow: hidden;
		position: relative;
		>img {
			width: 100%;
			height: 100%;
		}
		&:nth-of-type(1) {
			margin-right: 10px;
		}
		&:nth-of-type(2) {
			margin-left: 10px;
		}
	}

	.upload-demo {
		height: 100%;
	}
	.el-upload {
		height: 100%;
		width: 100%;
	}
	.el-upload-dragger {
		width: 100%;
		height: 100%;
		border: 0;
		.avatar {
			height: 100%;
			width: 100%;
		}
	}
	.icon-upload-img {
		margin: 35px auto 15px;

	}
	.el-icon-circle-close {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 22px;
		color: red;
		z-index: 3;
		cursor: pointer;
	}
}


.knowledge-bg-img {
	text-align: center;
	>img {
		margin-top: 26px;
	}
	>div {
		font-size: 18px;
		color: #5C7CA3;
		line-height: 24px;
		padding: 15px 0;
	}
	>p {
		font-size: 12px;
		color: #888888;
	}
}


.knowledge-operation {
	display: flex;
	flex-flow: row;
	position: relative;
	>span {
		display: block;
		width: 84px;
		font-size: 14px;
		color: #000000;
		line-height: 36px;
		i {
			color: red
		}
	}
	>div {
		flex: 1;
		position: relative;
		.el-select {}
		.el-radio, .el-checkbox {
			line-height: 36px;
		}
		.el-input__inner {
			height: 36px;
			line-height: 36px;
			border-radius: 0;
		}
	}


}

.knowledge-outline {
	position: relative;

	.answer-outline {
		/* 	position: absolute;
	right: -42px;
	top: 20px; */
		i {
			font-size: 18px;
			cursor: pointer;
			&:hover {
				color: #409EFF;
			}
		}
		.el-icon-circle-plus-outline {
			margin-left: 5px;
		}
	}
}

.answer-outline {
	margin-left: 123px;
	margin-bottom: 20px;
	span {
		display: inline-block;
		vertical-align: top;
		border: 1px solid #ddd;
		padding: 5px 20px;
		line-height: 1;
		cursor: pointer;
		&:hover {
			background: #409EFF;
			color: #fff
		}
	}
	i {
		font-size: 18px;
		cursor: pointer;
		/* &:hover{
			color: #409EFF;
		} */
	}
	.el-icon-circle-plus-outline {
		margin-left: 5px;
	}
}


.knowledge-vacancy {
	.el-select {
		width: 300px;
	}
	.el-scrollbar {
		height: 200px;
	}

	.filterText {
		margin: 0;
		width: 50%;
	}
	.el-tabs__header {
		width: 200px;
	}
	.el-textarea {
		border-radius: 0;
		margin-bottom: 20px;
		&:last-of-type {
			margin-bottom: 0;
		}
	}
}

.knowledge-operation {
	margin: 0 40px 20px;
}


.knowledge-range {
	.el-select {
		width: 140px;
		margin-right: 10px;
		&:last-of-type {
			margin: 0;
		}
	}
}

.knowledge-btn {
	text-align: center;
	margin-top: 50px;
	display: block;
	button {
		border: 0;
		padding: 8px 20px;
		font-size: 14px;
	}
}


.knowledge-sidebarL {
	.knowledge-warp-l {
		width: 60px;
		background: #fff;
		margin-left: 0;
		// transition: 0;
		height: 55px !important;
		overflow: hidden;
		.question-bank-h-type,
		.question-bank-wp-r-h,
		.el-radio-group,
		.el-scrollbar,
		input[name="nav"] {
			visibility: hidden;
		}
		.knowledge-warp-l-nav-type {
			padding: 0;
			height: 55px;
		}

	}
	.knowledge-warp-r {
		width: 90%;
		transition: .2s;
	}
}

.knowledge-sidebarR {
	.knowledge-warp-l {
		width: 90%;
		transition: .2s;
	}

	.knowledge-warp-r {
		width: 60px;
		background: #fff;
		margin-left: 0;
		height: 55px !important;
		overflow: hidden;
	}
}

.knowledge-sidebarQ {
	// justify-content: space-between;
	>div {
		width: 30%;
		background: #fff;
		margin-left: 0;
		overflow: hidden;
		transition: .2s;
	}
	.knowledge-warp-l {
		margin-left: 15px;
	}
	.knowledge-add {
		visibility: hidden;
	}
}


.preview-answer-box {
	position: relative;
	>input {
		width: 0;
		height: 0;
		font-size: 0;
		position: absolute;
		right: 80px;
		top: 12px;
		font-family: 'element-icons' !important;
		&:after {
			width: 60px;
			height: 24px;
			font-family: 'element-icons' !important;
			content: '展开 \e6df';
			font-size: 14px;
			display: block;
			background: #F1F5F9;
			color: #5C7CA3;
			text-align: center;
			cursor: pointer;
			font-size: 12px;
		}
	}
	>input:checked:after {
		content: '收起 \e6e1'
	}
	;
	>input:checked+.preview-accordion-answer-ul {

		animation: myfirst .8s linear both;
		-webkit-animation: myfirst .8s linear both;
	}
}



@-webkit-keyframes myfirst {
	0% {
		height: 0;
	}
	100% {
		height: auto;
	}
}


.preview-answer-head {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	background: #F1F5F9;
	line-height: 50px;
	.accordion-operate {
		position: static;
		margin-right: 80px;
		button {
			span {
				margin: 0;
			}
		}
	}
}


.preview-accordion-answer-ul {
	padding: 0 20px;
	background: #F1F5F9;
	overflow: hidden;
	height: 0;
	transition: .2s;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	li {
		display: flex;
		flex-flow: row;
		line-height: 28px;
		font-size: 14px;
		>span {
			display: block;
			color: #666;
		}
		>div {
			flex: 1;
			>i {
				margin-right: 15px;
			}
		}
		&:last-of-type {
			padding-bottom: 20px;
		}
		;
	}
}


.tasksVisible {
	.el-input__inner {
		border-radius: 0;
		height: 36px;
		line-height: 36px;
	}
	.el-form-item__content {
		line-height: 36px;
		position: relative;
	}

	.text-len {
		position: absolute;
		right: 0;
		bottom: 0;
		line-height: 19px;
		font-size: 12px;
		color: #999;
		>i {
			color: #666;
		}
	}
	textarea {
		border-radius: 0;
	}
	.task-duration {
		>.el-form-item__content {
			>.el-form-item {
				display: inline-block;
				vertical-align: top;
				&:nth-of-type(1) {
					margin-right: 50px;
					.el-input {
						width: 100px;
					}
				}
				&:nth-of-type(2) {}
			}
		}

	}

	.task-content-btn {
		text-align: center;
		margin-top: 35px;
		button {
			width: 68px;
			height: 30px;
			line-height: 30px;
			padding: 0;
		}
	}
}

.exercises-list-conten {
	margin-bottom: 18px;
	>ul {
		overflow: hidden;
	}
}

.exercises-list-li {
	background: #fff;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	padding: 30/1200*100% 20/1200*100% 36/1200*100%;
	width: 351/1200*100%;
	margin: 18/1200*100% 13/1200*100% 0 0;
	float: left;
	position: relative;
	&:nth-of-type(3n) {
		margin: 18/1200*100% 0 0 0;
	}
	&:hover {
		.exercises-type-btn {
			visibility: visible;
			opacity: 1;
		}
	}
	.exercises-type-btn {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .1);
		transition: .3s;
		opacity: 0;
		visibility: hidden;
		>a {
			position: absolute;
			top: 50%;
			left: 50%;
			display: block;
			width: 100px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			border-radius: 20px;
			color: #fff;
			font-size: 14px;
			margin-left: -50px;
			margin-top: -20px;
			background: #409EFF;
		}
	}
	>a, >p {
		display: block;
		font-size: 18px;
		color: #000000;
		letter-spacing: 0;
		line-height: 18px;
		@extend .i_text;
		margin-bottom: 13px;
		cursor: pointer;
		&:hover {
			color: #348EFC;
		}
		;
	}
	>ul {
		margin-bottom: 44/350*100%;
		li {
			display: inline-block;
			vertical-align: top;
			background: #ECEFF5;
			border-radius: 11px;
			font-size: 12px;
			color: #6E777B;
			padding: 3px 10px;
			margin-right: 6px;
			line-height: 16px;
			&:last-of-type {
				margin: 0;
			}
			;
		}
	}
	>div {
		display: flex;
		justify-content: space-between;
		>div {
			font-size: 12px;
			color: #999999;
			>div {
				line-height: 16px;
				&:nth-of-type(1) {
					margin-bottom: 10px;
				}
				;
			}
		}
		>span {
			display: block;
			font-size: 14px;
			color: #FFFFFF;
			text-align: center;
			background: #84BBFE;
			border-radius: 15px;
			width: 70px;
			height: 30px;
			line-height: 30px;
			margin-top: 3px;
		}
	}
	.is-over {
		background: #CFCFCF;
	}

	.el-icon-sunny,
	.el-icon-lightning {
		position: absolute;
		top: 5px;
		right: 5px;
		font-size: 18px;
	}

	.el-icon-tickets,
	.el-icon-video-play,
	.el-icon-collection {
		position: absolute;
		top: 8px;
		right: 30px;
		font-size: 14px;
	}

	.el-icon-bell {
		position: absolute;
		top: 8px;
		right: 50px;
		font-size: 14px;
	}
}

.exercises-sort {
	.el-radio-button__inner {
		padding: 0;
		width: 130px;
		line-height: 36px;
		height: 36px;
		text-align: center;
	}
}



.exercises-test-type {
	border-top: 1px solid #eee;
	text-align: left;
	background: #fff;
	padding: 20px 20px 0 20px;
	.el-radio {
		.el-radio__input {
			display: none;
		}
	}
	>a {
		padding: 0;
		margin-right: 20px;
		font-size: 14px;
		display: inline-block;
		vertical-align: top;
		padding: 5px 10px;
		background: #409EFF;
		color: #fff;
		border-radius: 20px;
		line-height: 1.2;
		margin-bottom: 20px;
		&:hover {
			// color: #348efc;
		}
	}
}


.exercises-conten-r {
	width: 250px;
	min-width: 250px;
	height: max-content;
	margin-left: 20px;

	// right: 5%;
}

.exercises-fixe {
	position: fixed;
}

.exercises-conten-time {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	background: #fff;
	padding: 15px 20px 11px;
	margin-bottom: 18px;
}

.exercises-time-countdown {
	border-bottom: 1px solid #eee;
	padding-bottom: 9px;
	>i {
		font-size: 34px;
		color: #49c3e8;
	}
	>strong {
		font-size: 12px;
		color: #666666;
		line-height: 34px;
		display: inline-block;
		vertical-align: top;
		margin: 0 15px;
	}
	>span {
		font-size: 20px;
		line-height: 34px;
		display: inline-block;
		vertical-align: top
	}
}



.exercises-next-question {
	display: flex;
	justify-content: space-between;
	padding-top: 7px;
	>span {
		font-size: 12px;
		color: #666666;
		line-height: 20px;
	}
}



.exercises-conten-r-type {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	background: #fff;
	padding: 15px;
}


.exercises-conten-r-type-state {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #DDDDDD;
	&:last-of-type {
		margin-bottom: 0;
	}
	>div {
		&:nth-of-type(1) {
			font-size: 14px;
			color: #000000;
			margin-bottom: 10px;
			i {
				color: #999;
				font-size: 12px;
			}
		}
		&:nth-of-type(2) {
			.el-checkbox {
				width: 20px;
				height: 20px;
				border: 1px solid #DDDDDD;
				border-radius: 3px;
				margin: 0 6px 10px 0;
				text-align: center;
				.el-checkbox__input {
					display: none;
				}
				.el-checkbox__label {
					padding: 0;
					font-size: 12px;
				}
				&:nth-of-type(8n) {
					margin-right: 0;
				}
			}
			.is-checked {
				background: #CFE4DC;
				border-color: #CFE4DC;
				.el-checkbox__label {
					color: #333333;
				}

			}
		}
	}
	>ul {
		overflow: hidden;
		li {
			width: 20px;
			height: 20px;
			float: left;

			margin: 0 6px 10px 0;
			text-align: center;
			position: relative;
			cursor: pointer;
			input {
				position: absolute;
				width: 100%;
				height: 100%;
				opacity: 0;
				left: 0;
				top: 0;
				pointer-events: none;
			}
			span, a {
				display: block;
				height: 100%;
				border-radius: 3px;
				line-height: 20px;
				border: 1px solid #DDDDDD;
			}
			input:checked+span,
			input:checked+a {
				background: #CFE4DC;
				border-color: #CFE4DC;
			}
			input+.exercises-error {
				background: #FFDBDB;
				border-color: #FFDBDB;
				color: #666666;
			}
			input+.exercises-unanswered {
				background: #EBEBEB;
				border-color: #EBEBEB;
			}
		}
	}


}


.exercises-conten-r-type-title {
	font-size: 14px;
	margin-bottom: 20px;
}

.exercises-result-state {
	span {
		display: block;
		height: 100%;
		border-radius: 3px;
		line-height: 20px;
		border: 1px solid #DDDDDD;
	}
	.exercises-success {
		background: #CFE4DC;
		border-color: #CFE4DC;
	}
	.exercises-error {
		background: #FFDBDB;
		border-color: #FFDBDB;
		color: #666666;
	}
	.exercises-unanswered {
		background: #EBEBEB;
		border-color: #EBEBEB;
	}
	.exercises-praise {
		border: 1px solid #DDDDDD;
	}
}

.exercises-answer-state {
	background: #fff;
	padding: 0 20px 17px;
	>span {
		font-size: 12px;
		color: #666666;
		margin-right: 30px;
		>i {
			display: inline-block;
			vertical-align: middle;
			border-radius: 3px;
			width: 12px;
			height: 12px;
			margin-left: 7px;
		}
		&:nth-of-type(1) {
			i {
				background: #CFE4DC;
			}
		}
		&:nth-of-type(3) {
			margin-right: 0;
			i {
				background: #FFDBDB;
			}
		}
		&:nth-of-type(2) {

			i {
				background: #EBEBEB;
			}
		}
	}
}




.exercises-conten-r-btn {
	padding: 0 20px 20px;
	background: #fff;
	button {
		display: block;
		width: 100%;
		border-radius: 4px;
		padding: 0;
		line-height: 36px;
		text-align: center;
	}
}

.exercises-radio {
	.el-radio__input {
		display: none;
	}
}


.exercises-test-result {
	font-size: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
}


.exercises-rewinding {
	padding: 10px 20px 0;
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	margin-bottom: 20px;
	>p {
		font-size: 12px;
		color: #999999;
	}
	>ul {
		overflow: hidden;
		padding-bottom: 33px;
		li {
			float: left;
			width: 69px;
			text-align: center;
			border-right: 1px solid #eee;
			>p {
				&:nth-of-type(1) {
					font-size: 22px;
					color: #666666;
					line-height: 54px;
				}
				&:nth-of-type(2) {
					font-size: 12px;
					color: #333333;
				}
			}
			.exercises-score {
				color: #ED893F !important;
			}
		}
	}

}


.exercises-wrong-title {
	>ul {
		overflow: hidden;
	}
}

.exercises-wrong-ls {
	padding: 41/1200*100% 20/1200*100% 36/1200*100%;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	width: 350/1200*100%;
	float: left;
	margin: 0 13/1200*100% 18/1200*100% 0;
	background-image: linear-gradient(156deg, rgba(255, 251, 251, 0.49) 58%, #FFF8EA 87%);
	>a {
		font-size: 24px;
		color: #000000;
		letter-spacing: 0;
		line-height: 30px;
		&:hover {
			color: #348EFC;
		}
	}
	>div {
		display: flex;
		justify-content: space-between;
		margin-top: 56/390*100%;
		>span {
			font-size: 12px;
			color: #999999;
			&:nth-of-type(1) {
				line-height: 3;
			}
			&:nth-of-type(2) {
				background: #DCAE74;
				border-radius: 20px;
				display: block;
				width: 109px;
				line-height: 36px;
				height: 36px;
				text-align: center;
				font-size: 12px;
				color: #FFFFFF;
				>i {
					font-size: 24px;
					display: inline-block;
					vertical-align: sub;
					margin-left: 6px;
				}
			}
		}
	}
	&:nth-of-type(3n) {
		margin: 0 0 18/1200*100% 0;
	}
}


.exercises-wrong-exercises {
	padding-top: 0;
	.knowledge-warp-l-nav {
		padding: 24px 21px 22px;
		.question-bank-h-type {
			margin: 0;
		}
	}

	.exercises-grade-type {
		padding-bottom: 21px;
		font-size: 16px;
		span {
			color: #999
		}
		// i{
		// 	color: #3F3F3F;
		// }
	}
	.preview-conten-list {
		margin-bottom: 12px;
		&:last-of-type {
			margin-bottom: 0;
		}
	}

	.preview-conten-r {
		padding-top: 18px;
		>ul {
			border-bottom: 1px solid #eee;
			margin-bottom: 19px;
			li {
				font-size: 16px;
				color: #333333;
				line-height: 19px;
				margin-bottom: 10px;
				>span {
					display: inline-block;
					vertical-align: top;
					width: 120px;
					font-size: 14px;
				}
			}
		}
	}
}

.exercises-test-btn {
	padding: 0 20px 20px;
	overflow: hidden;
	button {
		border-radius: 3px;
		width: 68px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	.el-button+.el-button {
		margin: 0;
	}
	.is-disabled {
		background: #D7D7D7;
		border-color: #D7D7D7;
		&:hover {
			background: #D7D7D7;
			border-color: #D7D7D7;
		}
	}

	>span {
		float: right;
		color: #999;
		i {
			font-size: 16px;
			color: #4CCFA6;
		}
	}
}


.exercises-preview-r {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
	border-radius: 3px;
	padding: 22/1200*100% 20/1200*100%;
	// width: 210/1200*100%;
	height: max-content;
	width: 210px;
	margin-left: 20px;

	>button {
		width: 100%;
		padding: 0;
		text-align: center;
		background: #348EFC;
		border-radius: 4px;
		line-height: 36px;
		height: 36px;
		font-size: 14px;
		color: #FFFFFF;
		margin-bottom: 20px;
	}
	>h3 {
		font-size: 14px;
		color: #333333;
		line-height: 21px;
		@extend .i_word;
	}
	>p {
		font-size: 12px;
		color: #999999;
		padding: 12px 0 19px;
		border-bottom: 1px solid #eee;
		line-height: 16px;
	}
	>span {
		display: block;
		font-size: 12px;
		color: #666666;
		margin: 20px 0;
	}
	>ul {
		li {
			font-size: 14px;
			color: #333333;
			line-height: 20px;
			margin-bottom: 10px;
			&:last-of-type {
				margin-bottom: 0;
			}
			;
			span {
				display: inline-block;
				vertical-align: top;
				width: 110px;
				margin-right: 10px;
			}
		}
	}
}

.ql-editor {
	p {
		@extend .i_word;
	}
}



.preview-false {
	.el-checkbox__input {
		display: none;
	}
	.el-checkbox__label {
		color: #333 !important;
		padding: 0;
	}
}

.preview-conten-details {
	width: 100%;
}

.question-tree {
	background: none;
	>.el-tree-node {
		>.el-tree-node__content {
			line-height: 36px;
			height: 36px;
		}
		>.el-tree-node__children {
			>div {
				line-height: 36px;
				height: 36px;
			}
			.el-tree-node__content {
				height: initial;
			}
		}
		.el-tree-node__label {
			@extend .i_text;
			display: inline-block;
			vertical-align: top;
			max-width: 90%;
		}
	}
}


.visible-box {
	.el-dialog__header {
		background: #409EFF;
		.el-dialog__title {
			color: #fff;
		}
		.el-dialog__close {
			color: #fff;
		}
	}

	.dialog-footer {
		a, button {
			display: inline-block;
			vertical-align: top;
			margin-left: 10px;
			border: 1px solid #eee;
			padding: 0;
			line-height: 32px;
			color: #666;
			width: 100px;
			border-radius: 2px;
			text-align: center;
		}
		button {
			color: #fff;
		}
	}
}

.dialog-box {
	.el-dialog__header {
		background: #409EFF;
		.el-dialog__title,
		.el-dialog__close {
			color: #fff;
		}
	}
	.authority {
		text-align: center;
		>div {
			display: inline-block;
			vertical-align: top;
			margin: 0 20px;
			>span {
				position: relative;
				display: inline-block;
				width: 50px;
				height: 50px;

				i {
					font-size: 50px;
				}
				input {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					display: block;
					opacity: 0;
				}
				input:checked+i {
					color: #409EFF
				}
			}
			p {
				line-height: 40px;
			}
		}
	}

	.el-dialog__footer {
		button {
			width: 80px;
			text-align: center;
			height: 36px;
			line-height: 36px;
			padding: 0;
		}
	}

}


.knowledge-type-c {
	text-align: center;
	margin-top: 10px;
}


.imgVisible {
	.el-dialog__body {
		padding: 0;
	}

	.el-carousel__container {
		height: 800px;
		.imgVisible-div {
			position: relative;
			top: 0;
			left: 50%;
			transform: translate(-50%, 0);
			overflow: auto;
			height: 100%;
		}
	}
	.el-carousel--horizontal {
		overflow: hidden;
	}
}


.chatView .chatCont_txt .chatCont_t img {
	width: 26px;
	height: 26px;
}


.myHomework,
.confirm-them {
	padding: 0 0 20px 0;
	width: 360px;
	border: 0;
	.el-message-box__header {
		// display: none;
		background: #409EFF;
		span, i {
			color: #fff;
			&:hover {
				color: #fff;
			}
		}

	}
	.el-message-box__content {
		padding: 40px 20px;
	}

	.el-message-box__btns {
		text-align: center;
		button {
			background: #ecf5ff;
			color: #6a7fbc;
			border: 0;
			padding: 9px 25px;
		}
		.el-button--primary {
			background: #409EFF;
			color: #fff
		}
	}

	.el-message-box__status {
		display: none;
	}

	.el-message-box__message {
		text-align: center;
		padding: 0;
	}
}




.knowledge-answer {
	padding: 20px 20px 10px;
	flex-flow: row;
	display: flex;
	>span {
		display: block;
		width: 64px;
		font-size: 14px;
		color: #000000;
		line-height: 36px;
	}
	>div {
		flex: 1;
		width: 626px;
	}

	.mce-menubar,
	.mce-flow-layout-item.mce-last {
		display: none;
	}
}


.option-checked {
	.el-checkbox__inner {
		border-radius: 50%;
	}
	.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
		border-color: #96D378;
		background: #96D378;
		&:after {
			border-color: #fff;
		}
	}
	.b {
		.el-checkbox__inner {
			border-color: #E46363 !important;
			background: #E46363 !important;
			&:after {
				border: 0;
				top: 3px;
				left: 5px;
				height: 9px;
				border-left: 1px solid #fff
			}
			&:before {
				position: absolute;
				content: "";
				display: block;
				top: 2px;
				left: 5px;
				height: 9px;
				border-left: 1px solid #fff;
				-webkit-transform: rotate(136deg) scaleY(1);
				transform: rotate(136deg) scaleY(1);
			}
		}
	}
	.d {
		.el-checkbox__inner {
			border-color: #348efc !important;
			background: #348efc !important;
		}
	}
}


.knowledge-html {
	line-height: 36px;
	font-size: 14px;
	word-wrap: break-word;
	word-break: break-all;
	p {
		line-height: 36px;
		font-size: 14px;
	}
}

.knowledge-html-un {
	color: #ff4b4b;
	line-height: 36px;
	font-size: 14px;
	i {
		margin-right: 5px;
		font-size: 18px;
		vertical-align: text-top;
	}
}


.option-pattern {
	display: inline-block;
	vertical-align: top;
	margin: 10px 30px 0 0;
}





.dependent {
	// background: #ffffff;
	text-align: center;
	padding: 5px 0;
	i {
		transform: scale(0.6);
	}
	>p {
		// margin-top: 21px;
		color: #888;
	}
}


.knowledge-choice {
	.el-radio-group, .el-checkbox-group {
		display: inline-block;
		vertical-align: top;
		width: 90%;
	}
	.answer-choice {
		display: inline-block;
		vertical-align: top;
		text-align: right;
		width: 56px;
		i {
			font-size: 18px;
			margin-left: 10px;
			line-height: 36px;
			cursor: pointer;
			&:hover {
				color: #348EFC;
			}
		}
	}
}



.knowledge-node-list {
	span {
		display: inline-block;
		vertical-align: top;
		width: 20px;
		height: 20px;
		background: #effaff;
		font-size: 12px;
		color: #67AED2;
		margin-right: 5px;
		text-align: center;
		line-height: 20px;
		cursor: pointer;
	}
}

.quillWrapper {
	.ql-format {
		margin-right: 0;
	}
	.ql-list {
		display: none !important;
	}
}


.Tailoring2 {
	@extend .Tailoring;
	min-width: 400px;
}

.Tailoring3 {
	@extend .Tailoring;
	min-width: 550px;
}

.knowledge- {
	.quillWrapper .ql-snow.ql-toolbar,
	.ql-toolbar.ql-snow {
		padding: 0;
	}
	.ql-editor {
		min-height: 100px
	}

	.el-textarea {
		margin-bottom: 20px;
	}

	.knowledge-textarea {
		width: calc(100% - 20px);
		padding: 10px;
		border: 1px solid #ddd;
		margin-bottom: 10px;
		border-radius: 4px;
		resize: auto;
		&:focus {
			border-color: #409EFF;
		}
	}
}



.exercises-question {

	.el-radio__input.is-disabled .el-radio__inner {
		border: 1px solid #DCDFE6;
		background: #fff;
	}
	.el-radio__input.is-disabled.is-checked .el-radio__inner {
		border-color: #409EFF;
		background: #409EFF;
		&::after {
			background-color: #fff;
		}

	}
	.el-radio__input.is-checked+.el-radio__label {
		color: #409EFF;
	}

	.el-checkbox__input.is-disabled .el-checkbox__inner {
		border: 1px solid #DCDFE6;
		background: #fff;
	}

	.el-checkbox__input.is-checked .el-checkbox__inner,
	.el-checkbox__input.is-indeterminate .el-checkbox__inner {
		border-color: #409EFF;
		background: #409EFF;
		&::after {
			border-color: #ffffff;
		}
	}
}

.bank-option {
	.el-radio {
		margin: 0;
	}
	.el-radio__input {
		display: none;
	}
}


.styleCss {
	background: #F1F5F9;
	transition: .3s;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);

	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: pulse
}

@keyframes pulse {
	0%, 100%, 20%, 53%, 80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		-ms-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		-ms-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		-ms-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}


.knowledge-vacancy {
	margin-left: 0;
}

#backtop {
	position: fixed;
	background-color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	color: #409eff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	text-align: center;
	box-shadow: 0 0 6px rgba(0, 0, 0, .12);
	cursor: pointer;
	bottom: 50px;
	right: 10px;
	visibility: hidden;
	&:hover {
		background: #ecf5ff;
	}
}


.confirm-them66 {
	border-radius: 0;
	border: 0;
	.el-message-box__header {
		background: $bg_1;
		span,
		i {
			color: #fff;
		}
	}
	.el-message-box__content {
		padding: 30px;
	}
	.el-message-box__btns {
		padding: 9px 25px;
	}
	.el-message-box__btns {
		display: none;
	}
}













@media screen and (max-width: 1380px) {
	.maxW {
		transition: .3s;
		max-width: 1000px !important;
	}
	.question-bank-h-list .el-button {
		width: 65px;
	}
	.preview-conten-min {
		width: 73%;
	}
	.exercises-wrong-ls>div>span:nth-of-type(1) {
		line-height: 1.5;
	}
	.knowledge-points-head-op .el-select {
		width: 140px;
	}
	.preview-maxW {
		max-width: 600px !important;
	}
}